(function($) { 


[EE 


* Generate an indented list of links from a nav. Meant for use with panel(). 
* @return {jQuery} jQuery object. 

*/ 

$.fn.navList = function() { 


var $this = $(this); 
$a = $this.find('a'), 
b = []; 


$a.each(function() { 


var $this = $(this), 
indent = Math.max(0, $this.parents('li').length - 1), 
href = $this.attr('href"), 
target = $this.attr('target'); 


b.push( 
‘<a'+ 
'class="link depth-' + indent + "" + 
( (typeof target !== ‘undefined’ && target != ") ?' 
target=" + target + "" : ") + 
( (typeof href !== 'undefined' && href != ") ? ' href=" + 
href + "":") + 
'>' + 
'<span class="indent-' + indent + "></span>" + 
$this.text() + 
'</a>' 
); 
}); 


return b.join("); 
}; 


FE 
* Panel-ify an element. 
* @param {object} userConfig User config. 
* @return {jQuery} jQuery object. 
*/ 
$.fn.panel = function(userConfig) { 
Il No elements? 


if (this.length == 0) 
return $this; 


// Multiple elements? 
if (this.length > 1) { 


for (var i=0; i < this.length; i++) 
$(this[i]).panel(userConfig); 


return $this; 


var $this = $(this), 
$body = $('body'), 
$window = $(window), 
id = $this.attr('id'), 
config; 


Il Config. 
config = $.extend({ 


Il Delay. 
delay: 0, 


Il Hide panel on link click. 
hideOnClick: false, 


Il Hide panel on escape keypress. 
hideOnEscape: false, 


II Hide panel on swipe. 
hideOnSwipe: false, 


Il Reset scroll position on hide. 
resetScroll: false, 


Il Reset forms on hide. 
resetForms: false, 


II Side of viewport the panel will appear. 
side: null, 


II Target element for "class". 
target: $this, 


Il Class to toggle. 
visibleClass: 'visible' 


}, userConfig); 


// Expand "target" if it's not a jQuery object already. 
if (typeof config.target != 'jQuery') 
config.target = $(config.target); 


// Panel. 


// Methods. 
$this._ hide = function(event) { 


Il Already hidden? Bail. 
if (Iconfig.target.hasClass(config.visibleClass)) 
return; 


II If an event was provided, cancel it. 
if (event) { 


event.preventDefault(); 
event.stopPropagation(); 


Il Hide. 
config.target.removeClass(config.visibleClass); 


I Post-hide stuff. 
window.setTimeout(function() { 


Il Reset scroll position. 
if (config.resetScroll) 
$this.scrollTop(0); 


Il Reset forms. 
if (config.resetForms) 


$this.find(‘form').each(function() { 
this.reset(); 


}); 
}, config.delay); 
}; 


Il Vendor fixes. 
$this 
.css('-ms-overflow-style", '-ms-autohiding-scrollbar') 
.css('-webkit-overflow-scrolling', touch'); 


Il Hide on click. 
if (config.hideOnClick) { 


$this.find('a') 
.css('-webkit-tap-highlight-color’, 'rgba(0,0,0,0)'); 


$this 
.on('click', 'a', function(event) { 


var $a = $(this), 
href = $a.attr('href'), 
target = $a.attr('target'); 


if (!href || href == '# || href == " || href == 
# + id) 


return; 


// Cancel original event. 
event.preventDefault(); 
event.stopPropagation(); 


Il Hide panel. 
$this._hide(); 


// Redirect to href. 
window.setTimeout(function() { 


if (target ==" blank’) 


window.open(href); 
else 


window.location.href = href; 


}, config.delay + 10); 


} 


// Event: Touch stuff. 
$this.on('touchstart', function(event) I 


$this.touchPosX = 
event.originalEvent.touches[0].pageX; 

$this.touchPosY = 
event.originalEvent.touches[0].pageY; 


}) 
$this.on('touchmove', function(event) { 


if ($this.touchPosX === null 
Il $this.touchPosY === null) 
return; 


var  diffX= $this.touchPosX - 
event.originalEvent.touches[0].pageX, 
diffY = $this.touchPosY - 
event.originalEvent.touches[0].pageY, 
th = $this.outerHeight(), 
ts = ($this.get(0).scrollHeight - $this.scrollTop()); 


Il Hide on swipe? 
if (config.hideOnSwipe) { 


var result = false, 
boundary = 20, 
delta = 50; 


switch (config.side) { 


case ‘left’: 
result = (diffY < boundary 
&& diffY > (-1 * boundary)) && (diffX > delta); 
break; 


case 'right': 
result = (diffY < boundary 
&& diffY > (-1 * boundary)) && (diffX < (-1 * delta)); 
break; 


case "top": 
result = (diffX < boundary 
&& diffX > (-1 * boundary)) && (diffY > delta); 
break; 


case ‘bottom’: 
result = (diffX < boundary 
&& diffX > (-1 * boundary)) && (diffY < (-1 * delta)); 
break; 


default: 
break; 


} 
if (result) { 


$this.touchPosX = null; 
$this.touchPosY = null; 
$this._hide(); 


return false; 


} 


Il Prevent vertical scrolling past the top or bottom. 
if (($this.scrollTop() < 0 && diffY < 0) 
|| (ts > (th - 2) && ts < (th + 2) && diffY > 0)) { 


event.preventDefault(); 
event.stopPropagation(); 


}); 


Il Event: Prevent certain events inside the panel from bubbling. 
$this.on('click touchend touchstart touchmove', function(event) 


event.stopPropagation(); 


}); 


II Event: Hide panel if a child anchor tag pointing to its ID is clicked. 
$this.on('click', 'a[href="4" + id + "T, function(event) { 


event.preventDefault(); 
event.stopPropagation(); 


config.target.removeClass(config.visibleClass); 


[I Body. 


// Event: Hide panel on body click/tap. 
$body.on('click touchend', function(event) { 
$this. hide(event); 
}); 


// Event: Toggle. 
$body.on('click', 'a[href="4" + id + "T, function(event) { 


event.preventDefault(); 
event.stopPropagation(); 


config.target.toggleClass(config.visibleClass); 


Il Window. 


Il Event: Hide on ESC. 
if (config.hnideOnEscape) 
$window.on('keydown', function(event) { 


if (event.keyCode == 27) 
$this. hide(event); 


return $this; 
); 


p 

* Apply "placeholder" attribute polyfill to one or more forms. 
* @return {jQuery} jQuery object. 
*/ 
$.fn.placeholder = function() { 


Il Browser natively supports placeholders? Bail. 
if (typeof (document.createElement('input')).placeholder != 'undefined') 
return $(this); 


Il No elements? 
if (this.length == 0) 


return $this; 


// Multiple elements? 
if (this.length > 1) { 


for (var i=0; i < this.length; i++) 
$(this[i]).placeholder(); 


return $this; 


Il Vars. 
var $this = $(this); 


Il Text, TextArea. 
$this.find('input[type=text],textarea') 
.each(function() { 


var i = $(this); 


if (i.val() ==" 
|| i.val() == i.attr('‘placeholder')) 
i 
.addClass('polyfill-placeholder') 
.val(i.attr('placeholder')); 


}) 


.on('blur', function() { 
var i = $(this); 


if (i.attr('name').match(/-polyfill-field$/)) 
return; 


.addClass('polyfill-placeholder') 
.val(i.attr('(placeholder')); 


}) 


.on(‘focus', function() { 
var i = $(this); 


if (i.attr('name').match(/-polyfill-field$/)) 
return; 


if (i.val() == i.attr(‘placeholder')) 
i 
.removeClass('polyfill-placeholder') 


.val("); 


}); 


Il Password. 
$this.find('input[type=password]') 
.each(function() { 


var i = $(this); 
var x = $( 
$('<div>') 
.append(i.clone()) 
.remove() 
.htmi() 


.replace(/type="password"/i, type="text"") 


.replace(/type=password/i, 'type=text') 


); 


if (i.attr('id') != ") 
x.attr(‘id’, i.attr('id') + '-polyfill-field'); 


if (i.attr(‘name’) != ") 
x.attr('name', i.attr('name') + '-polyfill-field’); 


x.addClass('polyfill-placeholder') 
.val(x.attr('placeholder')).insertAfter(i); 


if (i.val() ==") 
i.hide(); 
else 
x.hide(); 
.on('blur', function(event) { 


event.preventDefault(); 


var x = i.parent().find('input[name=" + 
i.attr(‘name’) + '-polyfill-field]'); 


if (i.val() ==") { 


i.hide(); 
x.show(); 


}); 


.on('focus', function(event) { 


event.preventDefault(); 


var i = x.parent().find('input[name=" + 
x.attr(‘name’).replace('-polyfill-field’, ") + T); 


x.hide(); 


}) 


.on('keypress', function(event) { 


event.preventDefault(); 
x.val("); 


// Events. 
$this 
.on('submit', function() { 


$this.find(‘input[type=text],input[type=password], textarea’) 
.each(function(event) { 
var i = $(this); 


if (i.attr('name').match(/-polyfill-field$/)) 
i.attr('name', "); 
if (i.val() == i.attr(‘placeholder')) { 
i.removeClass(‘polyfill- 
placeholder’); 
i.val("); 


}); 
}) 


.on('reset', function(event) { 
event.preventDefault(); 


$this.find('select') 


.val($(‘option:first').val()); 


$this.find('input,textarea') 
.each(function() { 


var i = $(this), 
X; 


i.removeClass(‘polyfill-placeholder'); 
switch (this.type) { 


case 'submit’: 
case 'reset’: 
break; 


case 'password': 
i.val(i.attr('defaultValue')); 


x= 
i.parent().find(‘input[name=' + i.attr('name') + '-polyfill-field]'); 


if (i.val() ==") { 
i.hide(); 
x.show(); 

} 

else { 
i.show(); 
x.hide(); 


} 


break; 


case 'checkbox': 
case "radio": 
i.attr('checked', 
i.attr('defaultValue")); 
break; 


case "text': 


case ‘textarea’: 
i.val(i.attr('defaultValue')); 


i.addClass('polyfill-placeholder'); 


i.val(i.attr(‘placeholder’)); 


} 


break; 


default: 
i.val(i.attr('defaultValue')); 
break; 


return $this; 
); 


FE 

* Moves elements to/from the first positions of their respective parents. 

* @param {jQuery} $elements Elements (or selector) to move. 

* @param {bool} condition If true, moves elements to the top. Otherwise, moves 
elements back to their original locations. 

*/ 

$.prioritize = function($elements, condition) { 


var key = '__ prioritize’; 


// Expand $elements if it's not already a jQuery object. 
if (typeof $elements != 'jQuery') 
$elements = $($elements); 


Il Step through elements. 
$elements.each(function() { 


var $e = $(this), $p, 
$parent = $e.parent(); 


II No parent? Bail. 
if ($parent.length == 0) 
return; 


Il Not moved? Move it. 
if (I$e.data(key)) { 


// Condition is false? Bail. 
if (Icondition) 
return; 


Il Get placeholder (which will serve as our point 
of reference for when this element needs to move back). 
$p = $e.prev(); 


Il Couldn't find anything? Means this 
element's already at the top, so bail. 
if ($p.length == 0) 
return; 


Il Move element to top of parent. 
$e.prependTo($parent); 


// Mark element as moved. 
$e.data(key, $p); 


} 


Il Moved already? 
else { 


II Condition is true? Bail. 
if (condition) 
return; 
$p = $e.data(key); 
Il Move element back to its original location 
(using our placeholder). 


$e.insertAfter($p); 


Il Unmark element as moved. 
$e.removeData(key); 


); 


})(jQuery); 


